<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  
		xmlns:h="http://java.sun.com/jsf/html"  
		xmlns:f="http://java.sun.com/jsf/core"
		xmlns:ui="http://java.sun.com/jsf/facelets"
		xmlns:c="http://java.sun.com/jsp/jstl/core"
        xmlns:a4j="http://richfaces.org/a4j"
        xmlns:rich="http://richfaces.org/rich">  

    <h:body>
        <h:form id="formConnection">
            <h:panelGrid columns="2" styleClass="center">
                <h:outputText value="Pseudo :" />
                <h:inputText id="login" class="validate[required]" style="margin-left: 10px;" value="#{userManager.login}" />

                <h:outputText value="Mot de passe :" />
                <h:inputSecret id="password" class="validate[required]" style="margin-left: 10px;" value="#{userManager.password}" />
                
                &nbsp;
                <h:commandButton value="Connexion" action="#{userManager.validateConn()}" class="btn btn-primary fltlft" style="margin-left: 10px;" />
            </h:panelGrid>
                
        </h:form>
    </h:body>
    <script type="text/javascript">
        $j(function(){
            var form = "#formConnection";
        
            // Load validationEngine for check in real time the user entries.
            $j(form).validationEngine('attach');
        });
        
    </script>
</html>

